<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情</title>
</head>
<body>
    <!-- wrap start -->
    <div class="wrap" id="wrap"> 
        <!-- navwrap start -->
        <div class="navwrap">
            <div class="nav main">
                <div class="nav-top">
                    <div class="left fl">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <div class="right fr">
                        <ul>
                            <li>你好，欢迎来到天虹！</li>
                            <!-- <li><a href="login.html">[登陆]</a></li>
                            <li><a href="register.html">[注册]</a></li> -->
                            <li><a href="#">我的订单</a></li>
                            <li><a href="./index.html">我的天虹</a></li>
                            <li><a href="#">客户服务</a><span></span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- navwrap end -->

        <!-- header start -->
    <div class="headerwrap">
        <div class="header main">
            <div class="header-middle">
                <div class="logo fl"><a href="#"></a></div>
                <div class="center fl">
                    <p>
                        <input class="text" placeholder="自营好货">
                        <button class="search fl">搜索</button>
                    </p>
                    <ul>
                        <li>热门搜索:</li>
                        <li><a href="#">Air Jordan</a></li>
                        <li><a href="#">尿裤大趴</a></li>
                        <li><a href="#">天虹自营好货</a></li>
                        <li><a href="#">凉夏电器</a></li>
                        <li><a href="#">跑鞋88元起</a></li>
                        <li><a href="#">蕉下晴雨伞</a></li>
                    </ul>
                </div>
                <div class="cart fr">
                    <p><span id="SPAN">^_^</span></p>
                    <p><a href="shopping.html">去购物车结算</a></p>
                    <p></p>
                </div>
            </div>
            <div class="header-down">
                <ul class="list1">
                    <li>
                        <a href="#">全部商品分类</a>
                        <ul class="banner-left">
                            <li><a href="#">食品饮料、</a><a href="#">生鲜熟食</a><span></span></li>
                            <li><a href="#">母婴用品、</a><a href="#">儿童玩具</a><span></span></li>
                            <li><a href="#">厨卫清洁、</a><a href="#">纸品家纺</a><span></span></li>
                            <li><a href="#">美容护理、</a><a href="#">洗护沐浴</a><span></span></li>
                            <li><a href="#">计生情趣、</a><a href="#">成人用品</a><span></span></li>
                            <li><a href="#">婴童服装、</a><a href="#">孕妇护理</a><span></span></li>
                            <li><a href="#">男装女装、</a><a href="#">运动户外</a><span></span></li>
                            <li><a href="#">鞋靴箱包、</a><a href="#">钟表配置</a><span></span></li>
                            <li><a href="#">生活家电、</a><a href="#">办公设备</a><span></span></li>
                            <li><a href="#">家居家纺、</a><a href="#">床上用品</a><span></span></li>
                        </ul>
                    </li>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="#">天虹官方APP</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- header end -->

    <!-- content start -->
    <div class="contentwrap">
        <div class="content main">
            <div class="left fl">
                <h2>
                    <ul >
                        <li class="li1"><a href="">食品饮料、</a></li>
                        <li class="li1"><a href="">生鲜熟食&gt;&nbsp; </a></li>
                        <li><a href="">生鲜食品&gt;&nbsp; </a></li>
                        <li><a href="">优质鲜果&gt;&nbsp; </a></li>
                        <li><a href="">华朴上品&nbsp; </a></li>
                    </ul>
                </h2>
                
                <div class="loupe">
                    <!-- loupe-l start -->
                    <div class="loupe-l fl" id="loupe-l">
                        <div class="minddle-box" id="minddle-box">
                            <!-- <img src="" alt=""> -->
                            <div class="middleArea" id="middleArea"></div>
                        </div>
                        <div class="min-box" id="min-box">
                            <ul id="smUl">
                                <span class="sp1"></span>
                                <span class="sp2"></span>
                            </ul>
                        </div>
                        <div class="big-box" id="big-box">
                            <img id="bigimg" src="./../images/xiangqing1-1-1.jpg" alt="">
                        </div>
                    </div>
                    <!-- loupe-l end -->
                    <div class="loupe-r fr">
                        <h2 id="title">HUAPU 陕西洛川苹果5-10斤可选 红富士新鲜水果苹果产地直发-其他-5斤装11-13个 75-79mm</h2>
                        <h3>升级更新app享自营超市更多优惠，未更新用户8.12后将无法购买</h3>
                        <ul class="list1">
                            <li>天虹价<span id="price">￥42.9</span><span>去手机购买<i></i></span></li>
                            <li>送积分<span>8.58</span><i></i><a href="">(了解积分制度?)</a></li>
                            <li>服务<span>由&nbsp;华朴上品旗舰店负责发货并提供售后服务</apan></li>
                            <li>支持<strong>免</strong>运费<span>商家自配送 | 支持购物卡支付</span></li>
                            <li>配送至<span>中国北京 中航国际</span><i></i><strong>有货</strong>发货时间以商家公示为准</li>
                        </ul>
                        <ul class="list2">
                            <li>
                                <label for="">购买数量</label>
                                <input class="jian btn" type="button" value="-">
                                <input type="text" value="1" id="num">
                                <input class="jia btn" type="button" value="+">
                            </li>
                            <li>
                                <button><a href="#">立即购买</a></button>
                                <button id="goshopping"><a href="#">加入购物车</a></button>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="right fr">
                <h2>商家：华朴上品旗舰店</h2>
                <h3>
                    <img src="./../images/xt-bbc-service.png" alt="">
                    <img src="./../images/xt-service.png" alt="">
                </h3>
                <ul>
                    <li>公司名称：深圳市前海现代华朴电子商务有限公司</li>
                    <li>售后地址：退货地址即为发货地址</li>
                    <li>联系人：华朴上品</li>
                    <li>联系方式：18123764984</li>
                    <li>证照信息：</li>
                </ul>
                <h4><a href="">进入店铺</a></h4>
            </div>
        </div>
    </div>
    <!-- content end -->
    
    <!-- table start -->
    <div class="tablewrap">
        <div class="table main">
            <div class="table-con">
                <ul class="top">
                    <li class="con">商家详情</li>
                    <li class="">商品参数</li>
                    <li class="">评价信息</li>
                </ul>
                <ul class="down">
                    <li class="block">
                        <!-- <img src="./../images/xiangqing-1.jpg" alt="">
                        <img src="./../images/xiangqing-2.jpg" alt="">
                        <img src="./../images/xiangqing-4.jpg" alt="">
                        <img src="./../images/xiangqing-3.jpg" alt="">-->
                        <!-- <img src="./../images/xiangqing-5.jpg" alt="">  -->
                        <img src="./../images/banner3.jpg" alt="">
                        <img src="./../images/xiangqing-6.jpg" alt="">
                        <img src="./../images/xiangqing-7.jpg" alt="">
                    </li>
                    <li class="">
                        <p><span>重量</span>2.5千克</p>
                        <p><span>商品重量(kg)</span>2.5</p>
                    </li>
                    <li class="">
                        <p>暂无评价!</p>
                    </li>
                </ul>
                <div class="clear_fix"></div>
            </div>
            <h2>
                价格说明：<br>
                1、天虹价：天虹商品页面未划线价格，为商品的销售价，是您最终决定是否购买商品的依据。<br>
                2、划线价、厂商建议价：商品页面显示的划横线的价格，该价格可能为品牌供应商提供的厂商建议价、商品吊牌价、品牌专柜标价或该商品在天虹平台、天虹门店曾经展示过的销售价；由于地区、时间的差异性和市场行情波动，品牌专柜标价、商品吊牌价等可能会与您购物时展示的不一致，该价格仅供您参考。<br>
                3、折扣：如无特殊说明，折扣指商品在划线价（如品牌专柜标价、商品吊牌价、厂商建议价等某一项）价格基础上计算出的优惠比例或优惠金额，该比值仅供参考。<br>
                4、异常问题：商品促销信息以商品详情页中的信息为准；商品的具体售价以订单结算页价格为准；如您发现活动商品售价或促销信息有异常，建议购买前先联系客服咨询。
            </h2>
        </div>
        
        <div class="clear_fix"></div>
    </div>
    
    <!-- table end -->
    <div class="clear_fix"></div>
    <!-- footer start -->

     <!-- footer1 start -->
     <div class="foote1rwrap">
        <div class="footer1 main">
            <div class="left fl">
                <div class="box fl">
                    <h2>新手指南</h2>
                    <ul>
                        <li><a href="">会员规则</a></li>
                        <li><a href="">换购/买赠活动流</a></li>
                        <li><a href="">会员专区</a></li>
                        <li><a href="">购物卷使用规则</a></li>
                    </ul>
                </div>
                <div class="box fl">
                    <h2>配送方式</h2>
                    <ul>
                        <li><a href="">会员规则</a></li>
                        <li><a href="">换购/买赠活动流</a></li>
                        <li><a href="">会员专区</a></li>
                        <li><a href="">购物卷使用规则</a></li>
                    </ul>
                </div>
                <div class="box fl">
                    <h2>支付方式</h2>
                    <ul>
                        <li><a href="">会员规则</a></li>
                        <li><a href="">换购/买赠活动流</a></li>
                        <li><a href="">会员专区</a></li>
                        <li><a href="">购物卷使用规则</a></li>
                    </ul>
                </div>
                <div class="box fl">
                    <h2>天虹海外购</h2>
                    <ul>
                        <li><a href="">会员规则</a></li>
                        <li><a href="">换购/买赠活动流</a></li>
                        <li><a href="">会员专区</a></li>
                        <li><a href="">购物卷使用规则</a></li>
                    </ul>
                </div>
                <div class="box fl">
                    <h2>售后服务</h2>
                    <ul>
                        <li><a href="">会员规则</a></li>
                        <li><a href="">换购/买赠活动流</a></li>
                        <li><a href="">会员专区</a></li>
                        <li><a href="">购物卷使用规则</a></li>
                    </ul>
                </div>
                <div class="box fl">
                    <h2>客服中心</h2>
                    <ul>
                        <li><a href="">会员规则</a></li>
                        <li><a href="">换购/买赠活动流</a></li>
                        <li><a href="">会员专区</a></li>
                        <li><a href="">购物卷使用规则</a></li>
                    </ul>
                </div>
            </div>
            <div class="right fr">
                <h2>门店服务</h2>
                <p>我们在全国有多家门店为您提供退换货等贴心的优质服务！</p>
            </div>
        </div>
    </div>
    <!-- footer1 end -->
    <div class="clear_fix"></div>
    <!-- footer2 start -->
    <div class="foote2rwrap">
        <div class="footer2 main">
            <div class="box fl">
                <p></p>
                <p>品质保证</p>
                <P>共享实体供应链</P>
                <p>更安全</p>
            </div>
            <div class="box fl">
                <p></p>
                <p>无忧退换</p>
                <P>共享实体供应链</P>
                <p>更安全</p>
            </div>
            <div class="box fl">
                <p></p>
                <p>四位一体</p>
                <P>共享实体供应链</P>
                <p>更安全</p>
            </div>
            <div class="box fl">
                <p></p>
                <p>多种支付</p>
                <P>共享实体供应链</P>
                <p>更安全</p>
            </div>
            <div class="box fl">
                <p></p>
                <p>轻松收货</p>
                <P>共享实体供应链</P>
                <p>更安全</p>
            </div>
        </div>
    </div>
    <!-- footer2 end -->

    <!-- footer3 start -->
    <div class="foote3rwrap">
        <div class="footer3 main">
            <ul>
                <li><a href="">大客户服务</a><span></span></li>
                <li><a href="">天虹门户</a><span></span></li>
                <li><a href="">关于我们</a><span></span></li>
                <li><a href="">质量价格保障</a><span></span></li>
                <li><a href="">开放平台规则</a><span></span></li>
                <li><a href="">友情链接</a><span></span></li>
                <li><a href="">品牌招商</a></li>
            </ul>
        </div>
    </div>
    <!-- footer3 end -->

    <!-- footer4 start -->
    <div class="foote4rwrap">
        <div class="footer4 main">
            <div class="top">
                <ul>
                    <li><a href="">粤ICP备11065574号</a></li>
                    <li><a href="">营业执照</a></li>
                    <li><a href="">用户使用条款和隐私政策</a></li>
                    <li><a href="">Copyright© 天虹 2009-2020, All Rights Reserved</a></li>
                    <li><a href="">天虹数科商业股份有限公司 版权所有</a></li>
                </ul>
            </div>
            <div class="down">
                <ul>
                    <li><a href=""><img src="./../images/ylimg.gif" alt=""></a></li>
                    <li><a href=""><img src="./../images/zhongxin.gif" alt=""></a></li>
                    <li><a href=""></a><img src="./../images/newGovIcon.gif" alt=""></li>
                    <li><a href=""><img src="./../images/zzxx.png" alt=""></a></li>
                    <li><a href="">粤公网安备 44030502001023号</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- footer4 end -->

    <!-- footer end -->

    <!-- right_bar start -->
    <div class="right_bar">
        <div class="toolbar-tabs">
            <div class="tabl" id="table">
                <div class="frcart">
                    <a href="shopping.html" >
                        <i></i>
                        购<br>物<br>车
                        <span class="cartItemCount">
                            ^_^
                        </span>
                    </a>
                </div>
            </div>
            <div class="talist">
                <ul>
                    <li class="i1">
                        <div class="sw">
                            我的订单
                        </div>
                    </li>
                    <li class="i2">
                        <div class="sw">
                            我的购物券
                        </div>
                    </li>
                    <li class="i3">
                        <div class="sw">
                            联系客服
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="talist-bmtab">
            <ul>
                <li class="i4"></li>
                <a href="#wrap">
                    <div class="fadout">
                        回到顶部
                    </div>
                </a>
            </ul>
        </div>
    </div>
    <!-- right_bar end -->
    </div>
    <!-- wrap end -->
</body>
</html>